<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章添加--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	
<script src="../../js/layui/layui.js"></script>
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
</head>
<body class="childrenBody">
	<form class="layui-form" id="news">
	
		<div class="layui-form-item">
			<label class="layui-form-label"><span style="color: red;">* </span>商品类型</label>
			<div class="layui-input-inline">
				<input type="text" class="layui-input newsName" id="typeName" name="className" lay-verify="required" placeholder="请输入类型">
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block">
				<button class="layui-btn" lay-submit="" lay-filter="addNews" id="sub">立即提交</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		    </div>
		</div>
	</form>
	
	<script type="text/javascript">
		layui.use([ 'upload', 'layer' ,'form','laydate'], function() {
			var upload = layui.upload, $ = layui.$,form=layui.form, layer = layui.layer,laydate=layui.laydate;
		
			$("#typeName").blur(function(e){
				$.post('http://localhost:8080/Greenleaf/pdtClass/getAll',$("#news").serialize(),
				function(res){
					if(res.success){
						layer.msg("类型名重复", {icon: 5});
						$("#sub").addClass("layui-disabled");
					}else{
						layer.msg("类型名可用", {icon: 6});
						$("#sub").removeClass("layui-disabled");
					}
				},"json"		
				)
			})
			form.on('submit(addNews)',function(data){
				$.post(
						'http://localhost:8080/Greenleaf/pdtClass/add',
								$("#news").serialize(),function(res){
							if (res.success) {
								
								var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
						        setTimeout(function(){
						        	 top.layer.close(index);
									top.layer.msg("类型添加失败！");
						        },1000);
							}else{
								var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
						        setTimeout(function(){
									top.layer.close(index);
									top.layer.msg("类型添加成功！");
							 		layer.closeAll("iframe");
								 	//刷新父页面
								 	parent.location.reload();
						        },1000);
							}
						},"json"
				)
				return false;
			})
		});
	</script>

</body>
</html>